<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>person center</title>
    <link rel="stylesheet" href="../static/css/iconfont.css" th:href="@{/css/iconfont.css}">
    <link rel="stylesheet" href="../static/css/person-center.css" th:href="@{/css/person-center.css}">
    <link rel="stylesheet" href="../static/css/common.css" th:href="@{/css/common.css}">
    <link rel="stylesheet" href="../static/css/header.css" th:href="@{/css/header.css}">
</head>
<body>
<div class="Box">
    <div style="height: 9.5vh; display: flex; justify-content: center; align-items: center; position: relative;margin-top: -9px;">
        <div class="header header1">

            <div class="logoName">
                <img src="../static/img/name.png" alt="" class="logo-name-img" th:src="@{/img/name.png}">
            </div>

            <nav>
                <ul >
                    <li class="mainPage" ><a href="" style="color: #0087fe;">首页</a></li>
                    <li class="wait-answer"><a href="">等你来答</a></li>
                </ul>
            </nav>
            <form class="search-form">
                <label >
                <span>

                    <input type="text" placeholder="请输入">
                    <i class="iconfont search-icon">&#xe620;</i>
                </span>

                </label>
                <button class="ask-question-btn">提问</button>
            </form>
            <div class="user-info">
                <div style="margin-right: 60px;" class="message">
                    <i class="iconfont message-icon">&#xe625;</i>
                    <i class="message-detail">消息

                    </i>
                    <div class="notification-container">
                        <div class="notification-header">
                    <span class="menu-text">
                        <i class="menu-icon iconfont middle " style="color: #ff9606;">&#xe608; </i> 菜单</span>
                            <span class="user-text">
                        <i class="iconfont little user-icon">&#xe659; </i> 用户</span>
                            <span class="favorites-text">
                        <i class="iconfont little favorites-icon">&#xe6de; </i> 点赞</span>
                        </div>
                        <div class="notification-list">
                            <div class="notification-item">
                                <span class="sender">槿木</span>
                                <span class="action">邀请你回答问题</span>
                                <span class="question">高三，谈恋爱和前途应该选哪一个?</span>
                                <span class="time">2025-04-18 08:31</span>
                            </div>
                            <div class="notification-item">
                                <span class="sender">倩倩有点冷 </span>
                                <span class="action"> 邀请你回答问题</span>
                                <span class="question">你觉得没对象和没钱哪个更可怕?</span>
                                <span class="time">2025-04-18 08:31</span>
                            </div>
                            <div class="notification-item">
                                <span class="sender">十三</span>
                                <span class="action">的提问等你来答</span>
                                <span class="question">累的时候，你是选择喝酒，还是一个人旅行?</span>
                                <span class="time">2020-10-13 20:20</span>
                            </div>
                            <div class="notification-item last" >
                                <span class="sender">清欢渡</span>
                                <span class="action">的提问等你来答</span>
                                <span class="question">我真的爱她，前途和她哪个重要?</span>
                                <span class="time">2020-10-13 20:20</span>
                            </div>
                        </div>
                        <div class="notification-list2" >
                            <div class="notification-item-header">
                                <span>这些人最近关注了你</span>
                            </div>
                            <div class="notification-item">
                                <div class="notification-item-img">
                                    <img src="../static/img/OIP-C.jpg " alt="" th:src="@{/img/OIP-C.jpg}">
                                </div>
                                <div  class="notification-item-detail">
                                    <span class="id">樱桃</span>
                                    <span>难的相遇一下，真的不关注一下吗</span>
                                </div>
                            </div>
                            <div class="notification-item">
                                <div class="notification-item-img">
                                    <img src="../static/img/OIP-C (1).jpg" alt="" th:src="@{/img/OIP-C (1).jpg}">
                                </div>
                                <div class="notification-item-detail">
                                    <span class="id">偷偷看你一下</span>
                                    <span>关注一下吧</span>
                                </div>
                            </div>

                        </div>

                        <div class="none">
                <span>
                    <i class="iconfont big" >&#xea09;</i>
                    暂无消息哦~
                </span>

                        </div>
                        <div class="footer">
                <span class="settings-text">
                    <i class="iconfont">&#xe66f;</i>设置</span>
                            <span class="view-all-text">查看全部通知</span>
                        </div>
                    </div>
                </div>
                <div style="margin-right: 60px;" class="private-message">
                    <i class="iconfont private-message-icon">&#xe6e2;</i>
                    <i class="private-massage-detail">私信</i>
                    <div class="notification-container2">
                        <div class="notification-header">
                    <span class="private-message-text">
                        <i class="private-massage-icon iconfont middle " >&#xe634; </i>我的私信
                    </span>
                        </div>
                        <div class="notification-list3" >
                            <div class="notification-item">
                                <div class="notification-item-img">
                                    <img src="../static/img/下载.jpg" alt="" th:src="@{/img/下载.jpg}">
                                </div>
                                <div  class="notification-item-detail">
                                    <span class="id">慧问小管家</span>
                                    <span>亲爱的 慧问用户 你好：欢迎你来到慧问：...</span>
                                </div>
                            </div>

                        </div>
                        <div class="footer">
                    <span class="settings-text">
                        <i class="iconfont">&#xe627; </i> 写私信</span>
                            <span class="view-all-text">查看全部私信</span>
                        </div>
                    </div>
                </div>
                <div class="user-actions">
                    <img src="../static/img/OIP-C.jpg" alt="用户头像" class="user-avatar" th:src="@{/img/OIP-C.jpg}">
                    <ul class="dropdown-menu">
                        <li> <i class="iconfont">&#xe629;</i><a href="">我的主页</a></li>
                        <li><i class="iconfont">&#xe6de;</i><a href="">无障碍</a></li>
                        <li><i class="iconfont">&#xe67a;</i><a href="">关怀版</a></li>
                        <li><i class="iconfont">&#xe600;</i><a href="">设置</a></li>
                        <li><i class="iconfont">&#xe626;</i><a href="">退出</a></li>
                    </ul>
                </div>



            </div>
        </div> </div>
    <div class="blockA">
        <div class="part-a">
            <div class="photo"><i class="iconfont">&#xe8bc;</i>&nbsp;&nbsp;上传封面照片</div>
            <div class="landscript">
                <div class="imgcontents">
                    <input type="file" class="files" name="file" style="display: none;"/>
                    <span id="imgs">
                      <img th:src="@{|${avatarPath}|}"  id="uimgs" class="img" width="1001px" height="144px" />
                  </span>
                </div>
            </div>
            <div class="tooltip">
                <h3>上传一张图片，展示在这里</h3>
                <p>你可以使用自己的摄影作品、你喜欢的照片，<br>或是任何能展现你特质的图片。</p>
                <a href="#">哪里能找到可免费使用的优质图片？</a>
            </div>
            <div class="address"> <i class="iconfont">&#xe606;</i>&nbsp;IP属地<span th:text="${user.location}"></span></div></div>
        <div class="part-b">
            <a href="accountSetting.html" th:href="@{/updatePassword}"><i class="iconfont" id="setting">&#xe600;</i></a>
            <div class="name" th:text="${user.username}"></div>
            <i class="iconfont" id="women" th:text="${user.gender}">&#xe658;</i>
            <a  class="zl">查看详细资料</a>
            <div class="modal" id="detailModal" style="display: none">
                <span class="close" id="closeBtn">&times;</span>
                <div class="modal-content">
                    <h2>详细信息</h2>
                    <p>性别:<span th:text="${user.gender}"></span></p>
                    <p>居住地：<span th:text="${user.location}"></span></p>
                    <p>职业：<span th:text="${user.industry}"></span></p>
                    <p>一句话介绍：<span th:text="${user.bio}"></span></p>
                </div>
            </div>
            <a class="back" href="mainPageRecommend.html" th:href="@{/mainPageRecommend}"><i class="iconfont" >&#xe60b;</i>返回首页</a>
            <a class="edit" href="editPerson.html" th:href="@{/edit-person}">编辑个人资料</a>
        </div>
        <div class="part-c" style="z-index: 95;">
            <div class="imgcontent">
                <input type="file" class="file" name="file" />
                <span id="img">
                    <img src="../static/img/image1.png" th:src="@{/img/image1.png}" id="uimg" class="img" width="170px" height="170px" />
                </span>
            </div><div class="heimu" id="photo-edit"><i class="iconfont">&#xe8bc;</i><p>修改我的头像</p></div></div>
    </div>
    <div class="blockB">
        <div class="tap">
            <ul><li class="active">动态&nbsp;</li>
                <li>回答&nbsp;&nbsp;</li>
                <li>提问&nbsp;&nbsp;</li>
                <li>文章&nbsp;&nbsp;</li>
                <li>视频&nbsp;&nbsp;</li>
                <li>想法&nbsp;&nbsp;</li>
                <li>收藏&nbsp;&nbsp;</li>
                <li>关注订阅&nbsp;</li>
                <li><i class="iconfont">&#xe601;</i></li></ul>
        </div>
        <div class="dongtai" style="display: block;">
            <div class="mydongtai">他的动态</div>
            <div class="yc1" style="display: none;">
                <i id="shu" class="iconfont">&#xe617;</i>
                <div><a class="kong" href="">刚来慧问？去感兴趣的话题吧</a></div></div></div>
        <div class="question-container" style="display: block;">
            <div class="question-header" th:each="post:${posts}">
                <span class="answered-label" >回答了问题</span>
                <span class="date-label">2025 - 04 - 22 11:01</span>
            </div>
            <h2 class="question-title">教皇方济各去世，如何评价他的一生以及后续会产生的影响？</h2>
            <div class="answer-container">
                <div class="answer-header">
                    <img src="../static/img/image2.png" th:src="@{/img/image2.png}" alt="用户头像" class="avatar">
                    <div class="user-infos">
                        <span class="user-name">汉唐传人</span>
                        <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                    </div>
                </div>
                <div class="answer-content">
                    <p>方济各是耶稣会的,近代数学和哲学的开启人笛卡尔也是耶稣会。利玛窦这些学术传教的来华早期传教士也是耶稣会的。方济各他来自阿根廷草根，思想偏左，是教廷近历史上首位南美教宗。他使得现在罗马教廷的枢机主教（教皇的选举团）
                        中欧洲的比例只有1/4了美洲的有30%，超越了传统的天主教以为欧洲中心的格局，下一任教皇不<span class="point">...</span>
                    <div class="read-more"><a href="#">阅读全文&nbsp;&nbsp;<i class="iconfont">&#xe7d1;</i></a></div>
                    <span class="yc-word" style="display: none;">不四大皆空v奇怪的是v卡巴安康叫啥BN偶尔u人就会爆发切断年轻的亲爱嗯哦离婚一九七二</span></p>
                    <div class="user-icon">
                        <ul class="icon">
                            <li class="icon1 action-item clickable">赞同8条<i class="iconfont">&#xe628;</i></li>
                            <li class="icon1 action-item">5条评论<i class="iconfont">&#xe6ad;</i></li>
                            <li class="icon1 action-item">分享<i class="iconfont">&#xe6d4;</i></li>
                            <li class="icon1 action-item clickable">喜欢<i class="iconfont">&#xe661;</i></li>
                            <li class="icon1 action-item look">浏览41次<i class="iconfont">&#xe6d4;</i></li>
                            <li class="icon1 action-item report" >举报<i class="iconfont">&#xe6d4;</i></li>
                            <li class="icon1 action-item clear" >删除<i class="iconfont">&#xe600;</i></li></ul>

                        <span class="suouoqi" style="display: none;">收起<i class="iconfont">&#xe7d1;</i></span>
                    </div>
                </div>
            </div> </div>
        <div class="talks" style="display: none;">
            <div class="mydongtai">他的回答</div>
            <div class="box-a" style="display: none;"><i class="shu iconfont">&#xe617;</i>
                <div class="box-a1"><a class="kong" href="">还没有回答，看看为你推荐的问题</a></div></div>
            <div class="question-container" style="display: block;">
                <div class="question-header">
                    <span class="answered-label">回答了问题</span>
                    <span class="date-label">2025 - 04 - 22 11:01</span>
                </div>
                <h2 class="question-title">教皇方济各去世，如何评价他的一生以及后续会产生的影响？</h2>
                <div class="answer-container">
                    <div class="answer-header">
                        <img src="../static/img/image2.png" alt="用户头像" th:src="@{/img/image2.png}"class="avatar">
                        <div class="user-infos">
                            <span class="user-name">汉唐传人</span>
                            <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                        </div>
                    </div>
                    <div class="answer-content">
                        <p>方济各是耶稣会的,近代数学和哲学的开启人笛卡尔也是耶稣会。利玛窦这些学术传教的来华早期传教士也是耶稣会的。方济各他来自阿根廷草根，思想偏左，是教廷近历史上首位南美教宗。他使得现在罗马教廷的枢机主教（教皇的选举团）
                            中欧洲的比例只有1/4了美洲的有30%，超越了传<span class="point">...</span>
                        <div class="read-more"><a href="#">阅读全文&nbsp;&nbsp;<i class="iconfont">&#xe7d1;</i></a></div>
                        <span class="yc-word" style="display: none;">不四大皆空v奇怪的是v卡巴安康叫啥BN偶尔u人就会爆发切断年轻的亲爱嗯哦离婚一九七二</span></p>
                        <div class="user-icon">
                            <ul class="icon">
                                <li class="icon1 action-item clickable">赞同8条<i class="iconfont">&#xe628;</i></li>
                                <li class="icon1 action-item">5条评论<i class="iconfont">&#xe6ad;</i></li>
                                <li class="icon1 action-item">分享<i class="iconfont">&#xe6d4;</i></li>
                                <li class="icon1 action-item clickable">喜欢<i class="iconfont">&#xe661;</i></li>
                                <li class="icon1 action-item look" >浏览41次</li>
                                <li class="icon1 action-item report">举报</li>
                                <li class="icon1 action-item clear" >删除<i class="iconfont">&#xe600;</i></li></ul>
                            <span class="suouoqi" style="display: none;">收起<i class="iconfont">&#xe7d1;</i></span>
                        </div>
                    </div>
                </div> </div>
        </div>

        <div class="questions" style="display: none;">
            <div class="mydongtai">他的提问</div>
            <div class="box-a" style="display: none;"><i class="shu iconfont">&#xe617;</i>
                <p class="kong" style=" margin-left: 59px; margin-top: 3px; color: gray;" >还没有问题</p></div>
            <div class="ques-article">
                <a href=""><h1>你高三那年最美好的一个瞬间是什么</h1></a>
                <div class="articles"><span>2025-4-18&nbsp;11:35</span>&nbsp;.&nbsp;<span>325个回答</span>&nbsp;.&nbsp;<span>466个关注</span></div>
            </div></div>
        <div class="article" style="display: none;">
            <div class="mydongtai">他的文章</div>
            <div class="box-a" style="display: none;"><i class="shu iconfont">&#xe617;</i>
                <div class="box-a1"> <a class="kong" href=""  style="margin-left: 59px;">还没有文章</a></div></div>
            <div class="question-container" style="display: block;">
                <div class="question-header">
                    <span class="answered-label">发表了文章</span>
                    <span class="date-label">2025 - 04 - 22 11:01</span>
                </div>
                <h2 class="question-title">教皇方济各去世，如何评价他的一生以及后续会产生的影响？</h2>
                <div class="answer-container">
                    <div class="answer-header">
                        <img src="../static/img/image2.png" th:src="@{/img/image2.png}" class="avatar">
                        <div class="user-infos">
                            <span class="user-name">汉唐传人</span>
                            <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                        </div>
                    </div>
                    <div class="answer-content">
                        <p>方济各是耶稣会的,近代数学和哲学的开启人笛卡尔也是耶稣会。利玛窦这些学术传教的来华早期传教士也是耶稣会的。方济各他来自阿根廷草根，思想偏左，是教廷近历史上首位南美教宗。他使得现在罗马教廷的枢机主教（教皇的选举团）
                            中欧洲的比例只有1/4了美洲的有30%，超越了传统的天主教以为欧洲中心的格局，下一任教皇不<span class="point">...</span>
                        <div class="read-more"><a href="#">阅读全文&nbsp;&nbsp;<i class="iconfont">&#xe7d1;</i></a></div>
                        <span class="yc-word" style="display: none;">不四大皆空v奇怪的是v卡巴安康叫啥BN偶尔u人就会爆发切断年轻的亲爱嗯哦离婚一九七二</span></p>
                        <div class="user-icon">
                            <ul class="icon">
                                <li class="icon1 action-item clickable">赞同8条<i class="iconfont">&#xe628;</i></li>
                                <li class="icon1 action-item">5条评论<i class="iconfont">&#xe6ad;</i></li>
                                <li class="icon1 action-item">分享<i class="iconfont">&#xe6d4;</i></li>
                                <li class="icon1 action-item clickable">喜欢<i class="iconfont">&#xe661;</i></li>
                                <li class="icon1 action-item look" >浏览41次</li>
                                <li class="icon1 action-item report">举报</li>
                                <li class="icon1 action-item clear" >删除<i class="iconfont">&#xe600;</i></li></ul>
                            <span class="suouoqi" style="display: none;">收起<i class="iconfont">&#xe7d1;</i></span>
                        </div>
                    </div>
                </div> </div>
        </div>

        <div class="video" style="display: none;">
            <div class="mydongtai">他的视频</div>
            <div class="box-a" style="display: none;"><i class="shu iconfont">&#xe617;</i>
                <div class="box-a1"><a class="kong" href="" style="margin-left: 59px;">还没有视频</a></div></div>
            <div class="question-container" style="display: block;">
                <div class="question-header">
                    <span class="date-label">2025 - 04 - 22 11:01</span>
                </div>
                <h2 class="question-title">大家觉得我唱的怎么样？</h2>
                <div class="answer-container">
                    <div class="answer-header">
                        <img src="../static/img/image2.png" th:src="@{/img/image2.png}" class="avatar">
                        <div class="user-infos">
                            <span class="user-name">汉唐传人</span>
                            <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                        </div>
                    </div>
                    <div class="answer-content">
                        <p>方济各是耶稣会的,近代数学和哲学的开启人笛卡尔也是耶稣会。利玛窦这些学术传教的来华早期传教士也是耶稣会的。方济各他来自阿根廷草根
                            <span class="point">...</span>
                        <div class="read-more"><a href="#">阅读全文&nbsp;&nbsp;<i class="iconfont">&#xe7d1;</i></a></div>
                        <span class="yc-word" style="display: none;">不四大皆空v奇怪的是v卡巴安康叫啥BN偶尔u人就会爆发切断年轻的亲爱嗯哦离婚一九七二</span></p>
                        <img src="../static/img/image3.png" alt="" th:src="@{/img/image3.png}" class="vedio-img">
                        <div class="user-icon">
                            <ul class="icon">
                                <li class="icon1 action-item clickable">赞同8条<i class="iconfont">&#xe628;</i></li>
                                <li class="icon1 action-item">5条评论<i class="iconfont">&#xe6ad;</i></li>
                                <li class="icon1 action-item">分享<i class="iconfont">&#xe6d4;</i></li>
                                <li class="icon1 action-item clickable">喜欢<i class="iconfont">&#xe661;</i></li>
                                <li class="icon1 action-item look" >浏览41次</li>
                                <li class="icon1 action-item report" >举报</li>
                                <li class="icon1 action-item clear" >删除<i class="iconfont">&#xe600;</i></li></ul>
                            <span class="suouoqi" style="display: none;">收起<i class="iconfont">&#xe7d1;</i></span>
                        </div>
                    </div>
                </div>
        </div></div>

            <div class="idea" style="display: none;">
                <div class="mydongtai">他的想法</div>
                <div class="box-a" style="display: none;"> <i class="shu iconfont">&#xe617;</i>
                    <p class="kong" style=" margin-left: 59px; margin-top: 3px; color: gray;">还没有想法</p></div>
                <div class="question-container" style="display: block;">
                    <div class="question-header">
                        <span class="date-label">2025 - 04 - 22 11:01</span>
                    </div>
                    <h2 class="question-title">大家觉得我唱的怎么样？</h2>
                    <div class="answer-container">
                        <div class="answer-header">
                            <img src="../static/img/image2.png"  th:src="@{/img/image2.png}" alt="用户头像" class="avatar">
                            <div class="user-infos">
                                <span class="user-name">汉唐传人</span>
                                <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                            </div>
                        </div>
                        <div class="answer-content">
                            <p>方济各是耶稣会的,近代数学和哲学的开启人笛卡尔也是耶稣会。利玛窦这些学术传教的来华早期传教士也是耶稣会的。方济各他来自阿根廷草根
                                <span class="point">...</span>
                            <div class="read-more"><a href="#">阅读全文&nbsp;&nbsp;<i class="iconfont">&#xe7d1;</i></a></div>
                            <span class="yc-word" style="display: none;">不四大皆空v奇怪的是v卡巴安康叫啥BN偶尔u人就会爆发切断年轻的亲爱嗯哦离婚一九七二</span></p>
                            <img src="../static/img/image3.png" alt=""  th:src="@{/img/image3.png}" class="vedio-img">
                            <div class="user-icon">
                                <ul class="icon">
                                    <li class="icon1 action-item clickable">赞同8条<i class="iconfont">&#xe628;</i></li>
                                    <li class="icon1 action-item">5条评论<i class="iconfont">&#xe6ad;</i></li>
                                    <li class="icon1 action-item">分享<i class="iconfont">&#xe6d4;</i></li>
                                    <li class="icon1 action-item clickable">喜欢<i class="iconfont">&#xe661;</i></li>
                                    <li class="icon1 action-item look" >浏览41次</li>
                                    <li class="icon1 action-item report" >举报</li></ul>
                                <span class="suouoqi" style="display: none;">收起<i class="iconfont">&#xe7d1;</i></span>
                            </div>
                        </div>
                    </div> </div>
            </div>

            <div class="collect" style="display: none;">
                <div class="mydongtai">他的喜欢</div>
                <div class="box-a"> <i class="shu iconfont">&#xe617;</i>
                    <p class="kong" style=" margin-left: 59px; margin-top: 3px; color: gray;">没有喜欢</p></div></div>

            <div class="attention" style="display: none;">
                <div class="mydongtai">
                    <div class="tab-container">
                        <div class="tab-header">
                            <span class="tab-item active">他关注的人</span>
                            <span class="tab-item">关注他的人</span>
                            <span class="tab-item">关注的问题</span>
                            <span class="tab-item">关注的喜欢</span>
                        </div></div>
                </div>
                <div class="tab-content">
                    <div class="content-item active" >
                        <div style="display: block;">
                            <div class="answer-header">
                                <img src="../static/img/image2.png" th:src="@{/img/image2.png}" alt="用户头像" class="avatar">
                                <div class="user-infos">
                                    <span class="user-name">汉唐传人</span>
                                    <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                                </div>
                            </div>
                            <span id="follows1" class="follows">+关注他</span>
                            <div  class="user-icons"><span>65回答</span>.<span>146关注者</span></div>
                        </div>
                    </div>
                    <div class="content-item">
                        <div style="display: block;">
                            <div class="answer-header">
                                <img src="../static/img/image2.png" alt="用户头像"  th:src="@{/img/image2.png}" class="avatar">
                                <div class="user-infos">
                                    <span class="user-name">汉唐传人</span>
                                    <p class="user-motto">瀚海星云籍，车书万里图。格物致知尽，道远切近思。</p>
                                </div>
                            </div>
                            <span id="follows" class="follows">+关注他</span>
                            <div  class="user-icons"><span>65回答</span>.<span>146关注者</span></div>
                        </div></div>
                    <div class="content-item">他关注的话题相关内容展示区域</div>
                    <div class="content-item" >
                        <div class="ques-article">
                            <a href=""><h1>你高三那年最美好的一个瞬间是什么</h1></a>
                            <div class="articles"><span>2025-4-18&nbsp;11:35</span><span>325个回答</span><span>466个关注</span></div>
                        </div>
                    </div>
                    <div class="content-item" >他关注的收藏相关内容展示区域</div>
                </div></div></div>
    <div class="blockC">
        <a class="guanzhu" href="">关注了</a>
        <div class="num1">1</div>
    </div>
    <div class="blockD">
        <a class="b-guanzhu" href="">关注者</a>
        <div class="num2">0</div>
    </div>
    <div class="blockE">
        <div class="tap2">
            <div id="report1" class="report">举报</div>
            <div id="reportModal" class="modal2">
                <div class="modal-content2">
                    <span class="close2">&times;</span>
                    <h2>举报用户</h2>
                    <p><span class="required">*</span> 请选择举报类型</p>
                    <div class="report-types">
                        <button class="report-type">涉政有害</button>
                        <button class="report-type">不友善</button>
                        <button class="report-type">垃圾广告</button>
                        <button class="report-type">违法违规</button>
                        <button class="report-type">色情低俗</button>
                        <button class="report-type">涉嫌侵权</button>
                        <button class="report-type">网络暴力</button>
                        <button class="report-type">涉未成年</button>
                        <button class="report-type">自杀自残</button>
                        <button class="report-type">不实信息</button>
                        <button class="report-type">抄袭</button>
                        <button class="report-type">扰乱社区秩序</button>
                        <button class="report-type">涉嫌诈骗</button>
                        <button class="report-type">冒充</button>
                    </div>
                    <button id="submitReport" class="submit-button">提交举报</button>
                </div>
            </div>
            <ul><li><a class="guazhu" href="">关注的话题</a><a class="count" href="">0</a></li>
                <li><a class="guazhu" href="">关注的问题</a><a class="count" href="">0</a></li>
                <li><a class="guazhu" href="">关注的喜欢</a><a class="count" href="">0</a></li>
        </ul></div>
        <div class="look">个人主页被浏览20次</div>
        <div class="help">
            <ul>
                <li> <i class="iconfont">&#xe72c;</i>&nbsp;帮助中心<p><a href="../templates/Contact.html">联系我们</a><a href="../templates/protect.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私保护</a></p></li>
                <li> <i class="iconfont">&#xe651;</i>&nbsp;举报中心<p><a href="RumorReport.html">网络谣言举报</a><a href="../templates/Infringement-Report.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;侵权举报</a></p></li>
            </ul></div>
    </div>
    <div class="blockF">
        <img class="creat-img" src="../static/img/image2.png" th:src="@{/img/image2.png}" alt="" width="72px" height="50px">
        <div class="c-center">创作中心</div>
        <div class="text"><p class="text1">开启你的慧问创作之旅</p><p class="text2">发布首篇内容，开通创作中心</br>快来成为慧问的作者吧～</p>
            <img class="c-logo" src="../static/img/logo.png" th:src="@{/img/logo.png}" alt="A cute picture" width="80px" height="90px"></div>
        <a class="creat" href="creatorCenterAccount.html" th:href="@{/creativeCenter}"> <i class="iconfont">&#xe727;</i>&nbsp;开始创作</a>
</div></div>
</body>
<script src="../static/js/person-center.js" th:src="@{/js/person-center.js}"></script>
<script src="../static/js/common.js" th:src="@{/js/common.js}"></script>
<script src="../static/js/header.js" th:src="@{/js/header.js}"></script>
<script th:inline="javascript">
    console.log("粉丝");
    let post0 = [[${fans}]];
    console.log(post0)
    console.log("点赞的帖子");
    let post1 = [[${posts}]];
    console.log(post1)
    console.log("文章");
    let post2 = [[${article}]];
    console.log(post2)
    console.log("视频");
    let post3 = [[${videos}]];
    console.log(post3)
    console.log("关注着");
    let post4 = [[${folloes}]];
    console.log(post3)
</script>
</html>